<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</title>
	</head>
	<body bgcolor="red-1">
		<!-- 叫法：标记、元素
		 <w3c规定单词：特殊含义，表示页面效果>
		 标记分为：前标记、后标记
		 元素：前标记+后标记+内容【元素之间可以嵌套】
		 -->
		 <p>内容</p>
		 <!-- body主题区域：文本、图片、超链接、表格-->
		 <!-- 文本元素群-->
		 <!-- 1.特殊文本【实业/体字符】
		      &copy;  代表  版权
			  &reg;代表 商标
			  &lt;小于号
			  &gt;大于号
			  &nbsp;一个空格
		 -->
		 &copy;版权
		 &reg;商标
		 &lt;小于号
		 &gt;大于号
		 &nbsp;一个空格
		 <!-- 2.假文 【占位符】-->
		 Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt explicabo unde sequi, mollitia quae corrupti, qui quas necessitatibus quibusdam porro illo praesentium nobis ratione? Architecto dicta ipsum tenetur repudiandae unde?
		 Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo dolorem libero quia aspernatur amet ut possimus tempora nesciunt unde nam totam eaque dolorum delectus ad, minus voluptas illo maxime pariatur.
		 Lorem ipsum dolor, sit amet consectetur adipisicing elit. Veniam incidunt, impedit, accusantium rem maxime repudiandae nam quas, suscipit ratione laudantium nihil eligendi sapiente cum delectus consequatur ut corrupti tempore deleniti?
		 Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rem voluptate eligendi porro nemo, similique consequuntur nostrum eveniet cupiditate illo amet perspiciatis? Libero necessitatibus, ducimus maiores quaerat inventore aut aliquam illo?
		 <!-- 3.文本样式元素：精灵图-->
		<i>文本倾斜</i>
		<b>文本加粗</b>
		<u>文本下划线</u>
		<del>文本删除线 html4.0</del>
		<s>文本删除线 html5.0</s>
		2<sup>2</sup>
		文言文<sub>解释</sub>
		<!-- 4.标题元素：加粗放大  h1~h6-->
		<h1>标题元素</h1>
		<h2>标题元素</h2>
		<h3>标题元素</h3>
		<h4>标题元素</h4>
		<h5>标题元素</h5>
		<h6>标题元素</h6>
		<!-- 5.分割线元素和换行元素 
	    元素分为：封闭性标记【双】标记和非封闭型【空/单】标记
		非封闭型【空/单】标记：hr  br   写法<hr />
		                     html5 简洁 写法<hr>
		-->
		<hr>
		换行 <br> 换行
		<!-- 6.跑马灯元素 -->
		<marquee>滚滚长江东逝水</marquee>
		<!-- 7.预格式化元素 pre元素：放进去什么、显示什么，包含空格 -->
		<pre>
			   &lt;p>静夜思&gt;/p >
			 	&nbsp;床前明月光，疑是地上霜
			 举头望明月，低头思故乡	
		</pre>
		<!-- 需求：文本加粗并倾斜 【嵌套】-->
		<b><i>lorem</i></b>
		<!-- 8.段落元素 -->
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus quidem eveniet quos asperiores fugiat facilis deleniti nemo. Obcaecati qui tempore id quis omnis, quam, similique amet maiores beatae architecto reprehenderit.</p>
		<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Suscipit similique rem odio aut iure. Quibusdam eius, nesciunt laborum dolor unde ipsa explicabo quisquam rerum facere, eligendi expedita recusandae, magnam impedit.</p>
		<!-- 二、元素当中属性与属性值使用 
		         属性与属性值的作用：添加效果【样式】
				 语法<p属性="属性值"></p>
				 W3c针对元素添加的属性和属性值【不通用】
				 注意：属性与属性值可以为多个【没有顺序】
				 png  jpg   gif
		-->
		<p align="right">段落元素</p>
	</body>
</html>